<!DOCTYPE html>
	<html lang="en">
		<head>
			<title>Form</title>
			<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
			<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
			<link rel="stylesheet" type="text/css" href="../assets/form.css"/>
			<script src="../assets/jquery-1.10.2.min.js" type="text/javascript"></script>
			<script src="../assets/form.js" type="text/javascript"></script>
			<script type="text/javascript">
			$(document).ready(
				function(){				 
					form.addWelcomeForm(' PublicationForm');
					form.addRegularExpression('01', '^[a-zA-Z -]+$');
					form.addRegularExpression('02', '^([a-zA-Z]+, )+[a-zA-Z]+$');
					form.addRegularExpression('05', '^[0-9]+$');
					form.addRegularExpression('06', '^[0-9]+$');
					form.addRegularExpression('07', '^[0-9]+$');
					form.addRelationshipPageElement('Authors', '11', 'PersonForm', 'table', '1', '-1');
					form.addCompositeCondition('1',null,'Or');
					form.addAttributeValueCondition('2',1,'Proceedings','CP','Show');  
					form.addAttributeValueCondition('3',1,'Proceedings','WP','Show'); 
					form.addRelationshipPageElement('Proceedings', '15', 'ProceedingsForm', 'list', '0', '1');
					form.addAttributeValueCondition('4',null,'Journal','JA','Show');
					form.addRelationshipPageElement('Journal', '16', 'JournalForm', 'list', '0', '1');
					form.addAttributeValueCondition('5',null,'Book','BC','Show');
					form.addRelationshipPageElement('Book', '17', 'BookForm', 'list', '0', '1');
					form.addRegularExpression('18', '^[a-zA-Z -]+$');
					form.addRegularExpression('19', '^[a-zA-Z -]+$');
					form.addRegularExpression('20', '^\w+@[a-zA-Z_]+\.[a-zA-Z]{2,3}$');
					form.addAttributeValueCondition('6',null,'22','true','Hide');
					form.addRegularExpression('23', '^[a-zA-Z -]+$');
					form.addRegularExpression('25', '^[0-9]+$');
					form.addRelationshipPageElement('ProceedingsDetails', '27', 'PersonForm', 'list', '0', '-1');
					form.addRelationshipPageElement('ProceedingsDetails', '28', 'EventForm', 'list', '1', '1');
					form.addRegularExpression('29', '^[a-zA-Z -]+$');
					form.addRegularExpression('30', '^[0-9]+$');
					form.addRegularExpression('31', '^[0-9]+$');
					form.addRegularExpression('32', '^[a-zA-Z -]+$');
					form.addRegularExpression('35', '^[a-zA-Z -]+$');
					form.init();
				});
			</script>
		</head>
		<body>
			<div class="form" id="PublicationForm">
				<form action="#" class="register">
					<h1>PublicationForm</h1>
					<h2>Form for scientific publications</h2>
					<div class="page" id="PublicationDetails">
						<fieldset class="row1">
							<h3>PublicationDetails</h3>
							<p><label for="01">Title<span>*</span></label><input type="text" id="01" class="mandatory"/></p>
							<p><label for="02">Keywords</label><input type="text" id="02"/></p>
							<p><label for="03">Abstract</label><textarea id="03"></textarea></p>
							<p><label for="04">DOI</label><input type="text" id="04"/></p>
							<p><label for="05">Year</label><input type="text" id="05"/></p>
							<p><label for="06">From page</label><input type="text" id="06"/></p>
							<p><label for="07">Until page</label><input type="text" id="07"/></p>
							<p><label for="08" >Publication type <span>*</span></label>
							<select id="08" name="type" class="mandatory">
								<option value="default"> </option>
								<option value="JA">Journal Article</option>
								<option value="BC">Book Chapter</option>
								<option value="CP">Conference Paper</option>
								<option value="WP">Workshop Paper</option>
							</select></p>
							<p><label for="09" >Assigned faculty <span>*</span></label>
							<select id="09" name="assignedFaculty" class="mandatory">
								<option value="default"> </option>
								<option value="AP">Faculty of Architecture and Planning</option>
								<option value="CE">Faculty of Civil Engineering</option>
								<option value="MIE">Faculty of Mechanical and Industrial Engineering</option>
								<option value="EEIT">Faculty of Electrical Engineering and Information Technology</option>
								<option value="MG">Faculty of Mathematics and Geoinformation</option>
								<option value="P">Faculty of Physics</option>
								<option value="TC">Faculty of Technical Chemistry</option>
								<option value="I">Faculty of Informatics</option>
							</select></p>
							<p><label for="10" >Research field <span>*</span></label>
							<select id="10" name="field" class="mandatory">
								<option value="default"> </option>
								<option value="CSE">Computational Science and Engineering</option>
								<option value="QPQT">Quantum Physics and Quantum Technologies</option>
								<option value="MM">Materials and Matter</option>
								<option value="ICT">Information and Communication Technology</option>
								<option value="EE">Energy and Environment</option>
							</select></p>
						</fieldset>
					</div>	
					<div class="page" id="Authors">
						<fieldset class="row1">
							<h3>Authors</h3>
							<div class="table" id="11"><fieldset class="row1"><legend class="legend">Authors Table</legend><table><tr id=11_header><th  class="mandatory">First name</th><th  class="mandatory">Last name</th><th  class="mandatory">E-Mail</th></tr></table></fieldset></div>
						</fieldset>
					</div>	
					<div class="page" id="Proceedings">
						<fieldset class="row1">
							<h3>Proceedings</h3>
							<div class="list" id="15"><fieldset class="row1"><legend class="legend">Proceedings List</legend><ul></ul></fieldset></div>
						</fieldset>
					</div>	
					<div class="page" id="Journal">
						<fieldset class="row1">
							<h3>Journal</h3>
							<div class="list" id="16"><fieldset class="row1"><legend class="legend">Journal List</legend><ul></ul></fieldset></div>
						</fieldset>
					</div>	
					<div class="page" id="Book">
						<fieldset class="row1">
							<h3>Book</h3>
							<div class="list" id="17"><fieldset class="row1"><legend class="legend">Book List</legend><ul></ul></fieldset></div>
						</fieldset>
					</div>	
				</form>
			</div>
			<div class="form" id="PersonForm">
				<form action="#" class="register">
					<h1>PersonForm</h1>
					<div class="page" id="PersonDetails">
						<fieldset class="row1">
							<h3>PersonDetails</h3>
							<p><label for="18">First name<span>*</span></label><input type="text" id="18" class="mandatory"/></p>
							<p><label for="19">Last name<span>*</span></label><input type="text" id="19" class="mandatory"/></p>
							<p><label for="20">E-Mail<span>*</span></label><input type="text" id="20" class="mandatory"/></p>
							<p><label for="21" >Faculty-external <span>*</span></label>
							<select id="21" name="external" class="mandatory">
								<option value="default"> </option>
								<option value="true">Yes</option>
								<option value="false">No</option>
							</select></p>
							<p><label for="22" >Faculty </label>
							<select id="22" name="faculty">
								<option value="default"> </option>
								<option value="AP">Faculty of Architecture and Planning</option>
								<option value="CE">Faculty of Civil Engineering</option>
								<option value="MIE">Faculty of Mechanical and Industrial Engineering</option>
								<option value="EEIT">Faculty of Electrical Engineering and Information Technology</option>
								<option value="MG">Faculty of Mathematics and Geoinformation</option>
								<option value="P">Faculty of Physics</option>
								<option value="TC">Faculty of Technical Chemistry</option>
								<option value="I">Faculty of Informatics</option>
							</select>
							</p>
						</fieldset>
					</div>	
				</form>
			</div>
			<div class="form" id="ProceedingsForm">
				<form action="#" class="register">
					<h1>ProceedingsForm</h1>
					<div class="page" id="ProceedingsDetails">
						<fieldset class="row1">
							<h3>ProceedingsDetails</h3>
							<p><label for="23">Title<span>*</span></label><input type="text" id="23" class="mandatory"/></p>
							<p><label for="24">Publisher<span>*</span></label><input type="text" id="24" class="mandatory"/></p>
							<p><label for="25">Volume</label><input type="text" id="25"/></p>
							<p><label for="26">ISBN</label><input type="text" id="26"/></p>
							<div class="list" id="27"><fieldset class="row1"><legend class="legend">Editors List</legend><ul></ul></fieldset></div>
							<div class="list" id="28"><fieldset class="row1"><legend class="legend">Event List</legend><ul></ul></fieldset></div>
						</fieldset>
					</div>	
				</form>
			</div>
			<div class="form" id="JournalForm">
				<form action="#" class="register">
					<h1>JournalForm</h1>
					<div class="page" id="JournalDetails">
						<fieldset class="row1">
							<h3>JournalDetails</h3>
							<p><label for="29">Title<span>*</span></label><input type="text" id="29" class="mandatory"/></p>
							<p><label for="30">Volume<span>*</span></label><input type="text" id="30" class="mandatory"/></p>
							<p><label for="31">Number<span>*</span></label><input type="text" id="31" class="mandatory"/></p>
						</fieldset>
					</div>	
				</form>
			</div>
			<div class="form" id="BookForm">
				<form action="#" class="register">
					<h1>BookForm</h1>
					<div class="page" id="BookDetails">
						<fieldset class="row1">
							<h3>BookDetails</h3>
							<p><label for="32">Title<span>*</span></label><input type="text" id="32" class="mandatory"/></p>
							<p><label for="33">Publisher<span>*</span></label><input type="text" id="33" class="mandatory"/></p>
							<p><label for="34">ISBN</label><input type="text" id="34"/></p>
						</fieldset>
					</div>	
				</form>
			</div>
			<div class="form" id="EventForm">
				<form action="#" class="register">
					<h1>EventForm</h1>
					<div class="page" id="EventDetails">
						<fieldset class="row1">
							<h3>EventDetails</h3>
							<p><label for="35">Title<span>*</span></label><input type="text" id="35" class="mandatory"/></p>
							<p><label for="36">City</label><input type="text" id="36"/></p>
							<p><label for="37">Country</label><input type="text" id="37"/></p>
							<p><label for="38">From date</label> <input type="date" id="38"/></p>
							<p><label for="39">Until date</label> <input type="date" id="39"/></p>
						</fieldset>
					</div>	
				</form>
			</div>
		</body>
	</html>